<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>职位信息查看</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta name="format-detection" content="telephone=yes" />
    <!--<meta name="viewport" content="width=device-width,initial-scale=1.0">-->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
    <style>
        .resume{
            width: 70%;
            margin: 0 auto;
            min-height: 600px;
            background-color: white;
            padding: 30px;
            box-sizing: border-box;
        }
        .resumeHead{
            display: flex;
            align-items: center;
        }
        .resumeHead img{
            width: 50px;
            height: 50px;
            margin-right: 15px;
            border-radius: 50px;
        }
        .tabs{
            padding:10px 30px;
            box-sizing: border-box;
        }
        .tabsBtn,.resumeList{
            padding: 0 30px;
            margin-bottom: 20px;
            box-sizing: border-box;
        }
        .tabs span{
            margin-right: 30px;
        }
        .resumeTitile{
            padding: 0 10px;
            border-left: 3px solid #2C87FA;
        }
        .resumeText img{
            width: 120px ;
            height: 80px;
            margin-right: 30px;
        }
        .resumeText{
            padding-left: 20px;
            margin-top: 10px;
            box-sizing: border-box;
        }

    </style>
</head>
<body>
    <div>
        <div class="resume">
            <div class="resumeHead">
                <span style="font-weight: bold; size: 14px; padding-right: 20px; padding-left: 30px">{$data.jobs_name}</span><br/>
                <span style="font-size: 13px">{$data.companyname}</span>
            </div>
            <div class="tabs">
                <div class="resumeTitile">
                    基本信息
                </div>
                <span class="resumeText">薪资待遇：{$data.wage_cn}</span>
                <span>职位类别：{$data.category_cn}</span>
                <span>工程类别：{$data.trade_cn}</span>
                <span>学历：{$data.education_cn}</span>
                <span>地址:{$data.district_cn}</span>
                <span>经验:{$data.experience_cn}</span>
            </div>
            <div class="tabs">
                <span class="resumeText">招聘人数：{$data.amount}人</span>
                <span>岗位类型：{$data.nature_cn}</span>
                <span>上岗时间：{$data.dao_gang_cn}</span>
                <span>发布日期：{$data.addtime|date="y-m-d",###}</span>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    项目介绍
                </div>
                <div class="resumeText">
                    <span style="word-wrap:break-word; word-break:normal;">{$data.project_desc}</span>
                </div>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    岗位职责
                </div>
                <div class="resumeText">
                    <span style="word-wrap:break-word; word-break:normal;">{$data.contents}</span>
                </div>

            </div>
            <div class="resumeList">
                <div class="resumeTitile">
                    岗位要求
                </div>
                <div class="resumeText">
                <span style="word-wrap:break-word; word-break:normal;">{$data.gw_yao_qiu}</span>
                </div>

            </div>

            <div class="resumeList">
                <div class="resumeTitile">
                    福利待遇
                </div>
                <div class="resumeText">
                    <span style="word-wrap:break-word; word-break:normal;">{$data.tag_cn}</span>
                </div>

            </div>

            <div style="display: none; justify-content: center">
                <el-button type="primary">确定</el-button>
            </div>
        </div>
    </div>

</body>
</html>
